<!--
  功能：功能描述
  作者：mazhiqiang
  邮箱：MZQ13673984186@163.com
  时间：2024年02月19日 10:55:34
  版本：v1.0
  修改记录：
  修改内容：
  修改人员：
  修改时间：
-->
<template>
    <div>
        <div id="vehicleMap">

        </div>
    </div>
</template>
<script>
export default {
	props: ['siteLocaltionData'],
	data() {
		return {
			map: ''
		}
	},
	mounted() {
		this.initMap()
		console.log(this.siteLocaltionData, '111111111')
	},
	computed: {},
	methods: {
		// 初始化地图
		initMap() {
			var map = new BMapGL.Map('vehicleMap') // 创建Map实例
			map.centerAndZoom(new BMapGL.Point(120.214935, 30.256576), 12) // 初始化地图,设置中心点坐标和地图级别
			map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放
			this.map = map
			var point = new BMapGL.Point(116.404, 39.915)
			var marker = new BMapGL.Marker(point) // 创建标注
			map.addOverlay(marker) // 将标注添加到地图中
		}
	}
}
</script>
<style scoped>
body,
html,
#vehicleMap {
	width: 100%;
	/* bug:必须要设置高,否则地图不显示,不能设置单位为%,比如90% */
	height: 90vh;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: '微软雅黑';
}
</style>
